<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<form>
			<input type="text" name="account" value="111"/></br>
			<input type="password" name="password"/></br>
			<input type="text" name="password" value="222"/></br>
			<input type="checkbox" name="rem" value="篮球"/>篮球</br>
			<input type="checkbox" name="rem" value="2"/>足球</br>
			<input type="checkbox" name="rem" value="3"/>乒乓球</br>
			
		</form>
		<button type="button">获取所有选中的checkbox</button>
		<script type="text/javascript">
			$(function() {
				let account = $("input[type='text']").val();//val()只会获取第一个元素的value
				console.log(typeof(account));
				console.log(account.length);
				$("input[type='password']").val("1234");
				console.log($("input[type='checkbox']"));
				//添加事件
				$("input[type='checkbox']").change(function(event) {
					// console.log(a,b,c);
					//this关键字，表示当执行的对象，是dom对象
					// console.log(this);
					if(this.checked) {
						//所有表单元素的值获取只有val()
						console.log($(this).val());
						console.log($(this).text());
						console.log($(this).html());
					}
				});
				$("button").click(function(event) {
					console.log($(this));
					// console.log($("input:checked"));
					//jq遍历获取的到元素数组
					/*
						each函数
							index：索引
							item：dom对象
					*/
				   //筛选器
					$("input:checked").each(function(index,item) {
						// console.log(a,b);
						//text()
						console.log(item.value);
					});
				}); 
			});
		</script>
	</body>
</html>
